<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>拼途出行</title>
</head>

<body>
  <div class="temp">
    <!-- <img src="./assert/home.png" alt=""> -->
  </div>
  <div class="wrap">
    <div class="nav-menu">
      <div class="menu">
        <div class="submenu" data-to="wrap">首页</div>
        <div class="submenu" data-to="advantages">产品优势</div>
        <div class="submenu" data-to="description">产品介绍</div>
        <div class="submenu" data-to="about-me">关于我们</div>
        <div class="submenu" data-to="partner">合作伙伴</div>
        <div class="submenu" data-to="contact">联系方式</div>
      </div>
    </div>
    <div class="advantages">
      <section class="section">
        <div class="title">
          <span class="label">产品优势</span>
        </div>
        <div class="content">
          <div class="content-tag">
            <div class="content-tag-icon">
              <img src="./assert/icon1.jpg" alt="icon1">
            </div>
            <div class="content-tag-title">以乘客为中心</div>
            <div class="content-tag-detail">司机只管开车，其他由系统提供智能服务，乘客自助操作，软硬件升级。</div>
          </div>
          <div class="content-tag">
            <div class="content-tag-icon">
              <img src="./assert/icon2.jpg" alt="icon2">
            </div>
            <div class="content-tag-title">增值服务带来收入增加</div>
            <div class="content-tag-detail">在计价器基础上，开发增值服务:乘客奖 励/合禁业务等:为乘客创造增值服务，为司机增收。</div>
          </div>
          <div class="content-tag">
            <div class="content-tag-icon">
              <img src="./assert/icon3.jpg" alt="icon3">
            </div>
            <div class="content-tag-title">运营管理有工具有方法</div>
            <div class="content-tag-detail">打造一个高科技管理平台:运用一营科学 有效的管理体系:提升运管水平/效车。</div>
          </div>
        </div>
      </section>
    </div>
    <div class="description">
      <section class="section">
        <div class="title">
          <span class="label">产品介绍</span>
        </div>
        <div class="content">
          <div class="left">
            <img class="icon" src="./assert/description.jpg" alt="description">
          </div>
          <div class="right">
            <p>产品是指能够供给市场，被人们使用和消费，并能满足人们某种需求的任何东西， 包括有形的物品、无形的服务、组织、观念或它们的组合。产品一般可以分为五个层次， 即核心产品、 基本产品、期望产品、附件产品、潜在产品。
            </p>
            <p>核心产品是指整体产品提供给购买者的直接利益和效用; 基本产品即是精心产品的宏观化; 期望产品是指顾客在购天产品时，一般会期望得到的一组特性或条件; 附件产品是指超过顾客期望的产品;
              潜在产品指产品或开发物在未来可能产生的改进和变革。</p>
          </div>
        </div>
      </section>
    </div>
    <div class="about-me">
      <section class="section">
        <div class="title">
          <span class="label">关于我们</span>
        </div>
        <div class="content">
          <div class="left">
            <p>在某些情况下， 访问者可能会有更多的问题或想要了解更多的信息。 通过将您的联系人直接放在页面上， 您可以帮助用户很容易地联系到您。</p>
            <p>如果您提供多个联系人并将其放在单独的页面上， 请确保用户至少可以直接链接到页面上的页面。</p>
            <p>最好给你或你的团队一张真实的照片， 这样会让好奇的访问者知道你的网站背后有真正的人类努力，而不是机器程序。 避免使用你在网上找到的西装和鞋子的图片是毫无价值的。用户并不愚蠢。</p>
            <p>网页的存在的目的是让访问者尽快找到网站的方向， 或者作为进-步的补充，如显示与竞争对手相比，自己的优势和特点，使名称越简单越好。</p>
          </div>
          <div class="right">
            <img src="./assert/aboutMe.jpg" alt="aboutMe" class="icon">
          </div>
        </div>
      </section>
    </div>
    <div class="partner">
      <section class="section">
        <div class="title">
          <span class="label">合作伙伴</span>
        </div>
        <div class="content">
          <div class="content-tag">
            <img src="./assert/logo1.jpg" alt="logo1">
          </div>
          <div class="content-tag">
            <img src="./assert/logo2.jpg" alt="logo2">
          </div>
          <div class="content-tag">
            <img src="./assert/logo3.jpg" alt="logo3">
          </div>
          <div class="content-tag">
            <img src="./assert/logo4.jpg" alt="logo4">
          </div>
        </div>
      </section>
    </div>
    <div class="contact">
      <section class="section">
        <div class="title">
          <span class="label">联系方式</span>
        </div>
        <div class="content">
          <p class="content-item">
            <img class="icon" src="./assert/location.svg" alt="location">
            <span class="value">北京市朝阳区高碑店兴隆街2号兴隆小区综合楼10层1001</span>
          </p>
          <p class="content-item">
            <img class="icon" src="./assert/phone.svg" alt="phone">
            <span class="value">+86 18513395168</span>
          </p>
          <p class="content-item">
            <img class="icon" src="./assert/mail.svg" alt="mail">
            <span class="value">admin@pintuchuxing.com</span>
          </p>
        </div>
      </section>
    </div>
    <div class="foot">
      Copyright © 2020 北京拼圣科技有限公司 保留所有权
    </div>
    <div class="goTop">
      <img src="./assert/goTop.svg" alt="goTop">
    </div>
  </div>
  <script src="./index.ts"></script>
</body>

</html>